{% extends "base.html" %}
{% block page_content %}

{% import "bootstrap/wtf.html" as wtf %}

<div class="panel panel-success">
    <!-- Default panel contents -->
    <div class="panel-heading">
        <b>{{dataset.name}}</b> 详情：
        <div class="pull-right"
             onclick="window.location='{{url_for('main.dataset_del',type=dataset.typeObj.type,name=dataset.name)}}'">
            <span class="glyphicon glyphicon-trash span-right"
                  aria-hidden="true"></span>
        </div>
    </div>
    <div class="panel-body">
        <p>{{dataset.des}}</p>
    </div>

    <!-- List group -->
    <ul class="list-group">
        <li class="list-group-item">
            <b class="col-md-2">数据集文件大小:</b>
            {{dataset.file_size()}}mb
        </li>
        <li class="list-group-item">
            <b class="col-md-2">数据集类型:</b>
            {{dataset.typeObj.name}}
        </li>
        <li class="list-group-item">
            <b class="col-md-2">数据量:</b>
            {{dataset.X.shape[0]}}
        </li>
        <li class="list-group-item">
            <b class="col-md-2">X shape:</b>
            {{dataset.X.shape}}
        </li>
        <li class="list-group-item">
            <b class="col-md-2">Y shape:</b>
            {{dataset.Y.shape}}
        </li>
        <li class="list-group-item">
            <b class="col-md-2">X 特征:</b>
            {{dataset.col_x()}}
        </li>
        <li class="list-group-item">
            <b class="col-md-2">X 特征对应名称:</b>
            {{dataset.col_x_label()}}
        </li>
        <li class="list-group-item">
            <b class="col-md-2">Y 特征:</b>
            {{dataset.col_y()}}
        </li>
        <li class="list-group-item">
            <b class="col-md-2">Y 特征对应名称:</b>
            {{dataset.col_y_label()}}
        </li>
    </ul>
</div>

<!--随机数据展示-->
<div id="div_random"></div>
<!--最小值数据展示-->
<div id="div_min"></div>
<!--最大值数据展示-->
<div id="div_max"></div>
<!--中位数数据展示-->
<div id="div_median"></div>
<!--方差数据展示-->
<div id="div_var"></div>
<!--标准差数据展示-->
<div id="div_std"></div>
<!--样本值的偏度（三阶矩）数据展示-->
<div id="div_skew"></div>
<!--样本值的峰度（四阶矩）数据展示-->
<div id="div_kurt"></div>


<!--更多操作部分-->

{% if dataset.isOK %}

{% else %}
<label>数据集尚未完成构建</label>
{{ wtf.quick_form(form) }}

{% endif %}



<script type="text/javascript">
$(function () {
    <!--获取随机一条数据的展示html-->
    $.get('{{url_for('main.dataset_random_pick',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_random').html(data);
        }
    );

    <!--最小值数据的展示html-->
    $.get('{{url_for('main.dataset_min',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_min').html(data);
        }
    );

    <!--最大值数据的展示html-->
    $.get('{{url_for('main.dataset_max',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_max').html(data);
        }
    );

    <!--中位数数据展示html-->
    $.get('{{url_for('main.dataset_median',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_median').html(data);
        }
    );

    <!--方差数据展示html-->
    $.get('{{url_for('main.dataset_var',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_var').html(data);
        }
    );

    <!--标准差数据展示html-->
    $.get('{{url_for('main.dataset_std',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_std').html(data);
        }
    );

    <!--样本值的偏度（三阶矩）数据展示html-->
    $.get('{{url_for('main.dataset_skew',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_skew').html(data);
        }
    );

    <!--样本值的峰度（四阶矩）数据展示html-->
    $.get('{{url_for('main.dataset_kurt',type=dataset.typeObj.type,name=dataset.name)}}',
        function(data,status){
            $('#div_kurt').html(data);
        }
    );
});
</script>
{% endblock %}